@model Ruitu.Edu.TrainingDemo.ViewModels.DisplayColorFieldViewModel
@using OrchardCore.Mvc.Utilities

@{
    // 根据实际用途显示特定的 class 名称（如仪表盘上设置的技术名称），可用这些辅助方法。
    var name = (Model.PartFieldDefinition.PartDefinition.Name + "-" +
    Model.PartFieldDefinition.Name).HtmlClassify(); var hex = Model.Field.Value;
}

@* 使用这些 class 名称是惯例。所有 Orchard Core 字段都有类似的 class。也可以添加自定义 class（如 BEM）。 *@
<div class="field field-type-colorfield field-name-@name colorField">@* #spell-check-ignore-line *@
    <span style="color: @hex;">@Model.Field.ColorName</span>
</div>
